<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>iPhone - apple(中国)</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <script src="js/jquery-2.2.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/common.js"></script>
</head>
<body>
    <div class="up_nav">
        <div class="container" style="line-height:40px;">
            <广告>
        </div>
    </div>
    
    <div class="nav">
        <div class="container">
            <ul class="nav_ul">
                <li><a class="iconfont icon-pingguo icon_color_white" href="index.html"></a></li>
                <li><a class="icon_color_white" href="Mac.html">Mac</a></li>
                <li><a class="icon_color_white"href="iPad.html">iPad</a></li>
                <li><a class="icon_color_white" style="color:rgba(255,255,255,0.8)"  href="iPhone.html">iPhone</a></li>
                <li><a class="icon_color_white" href="Watch.html">Watch</a></li>
                <li><a class="icon_color_white" href="Music.html">Music</a></li>
                <li><a class="icon_color_white" href="suport.html">技术支持</a></li>
                <li><a class="iconfont icon-sousuo icon_color_white" href="#"></a></li>
                <li><a class="iconfont icon-gouwudai icon_color_white" href="#"></a></li>
            </ul>
        </div>
    </div><!-- 导航结束 -->

    <div class="iPhone_photo">
    
    <div class="container">
        <div class="row">
            <div class="col-lg-4"></div>
            <div class="col-lg-8">
                <ul class="col_ul">
                    <li class="text-center">
                        <p><a class="iconfont icon-iphone1 color_white" href="#"></a></p>
                        <a href="#" class="color_white"><small>iPhone 7</small></a>
                        <p><small style="color:red">新款</small></p>
                    </li>
                    <li class="text-center">
                        <p><a class="iconfont icon-iphone1 color_white" href="#"></a></p>
                        <a href="#" class="color_white"><small>iPhone 6s</small></a>
                    </li>
                    <li class="text-center">
                        <p><a class="iconfont icon-iphone1 color_white" href="#"></a></p>
                        <a href="#" class="color_white" class="color_white"><small>iPhone SE</small></a>
                    </li>
                    <li class="text-center">
                        <p><a class="iconfont icon-iphone1 color_white" href="#"></a></p>
                        <a href="#" class="color_white"><small>iOS 10</small></a>
                    </li>
                    <li class="text-center">
                        <p><a class="iconfont icon-iphone1 color_white" href="#"></a></p>
                        <a href="#" class="color_white"><small>配件</small></a>
                    </li>
                    <li class="text-center">
                        <p><a class="iconfont icon-iphone1 color_white" href="#"></a></p>
                        <a href="#" class="color_white"><small>机型比较</small></a>
                    </li>
                  
                </ul>
            </div>
        </div>
        </div>

    </div>

    <div class="iPhone1" style="overflow:hidden">
        <div class="text-center iphone1_font">
            <h2>iPhone</h2>
            <h2 class="font_h2"> 7,在此。</h2>
            <p style="padding:20px 0"><a class="font_20" href="#">进一步了解 > </a>  <a class="font_20" href="#">购买 > </a></p>
            <small>或立即到<a href="#"> Apple Store</a>零售店选购</small>
        </div>
        <figure class="iphone_bg1"></figure>
    </div>

    <div class="iPhone2" style="overflow:hidden">
        <div class="container" style="padding:40px 0;">
            <ul class="iphone_2_ul1">
                <li class="text-center ul1_li1">
                    <h3>AirPods</h3>
                    <h2>无线，无繁琐，只有妙不可言。</h2>
                    <a class="font_20" href="#">进一步了解 > </a>
                    <figure class="iphone_bg iphone2_1"></figure>
                </li>
                <li class="text-center ul1_li2">
                    <h3 style="color:#ccc;">配件</h3>
                    <h2 style="color:#fff">百般搭配，一样惹人注目。</h2>
                    <a class="font_20" href="#">选购 iPhone 配件 > </a>
                    <figure class="iphone_bg iphone2_2"></figure>
                </li>
            </ul>
        </div>

        <div class="container text-center" style="background:#fff;overflow:hidden">
            <div style="padding:20px 0;">
                <h3>iPhone 机型比较</h3>
                <a class="font_20" href="#">找到适合你的 iPhone > </a>
            </div>
            <ul class="iphone_2_ul2">
                <li>
                    <a href="#">
                        <img src="images/iphone_4.jpg" alt="">
                        <h3>iPhone7 Plus</h3>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/iphone_5.jpg" alt="">
                        <h3>iPhone7</h3>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/iphone_6.jpg" alt="">
                        <h3>iPhone6s Plus</h3>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/iphone_8.jpg" alt="">
                        <h3>iPhone6s</h3>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/iphone_9.jpg" alt="">
                        <h3>iPhone SE</h3>
                    </a>
                </li>
            </ul>
        </div>
        <div class="container" style="padding:40px 0;overflow:hidden">
            <ul class="iphone_2_ul1">
                <li class="text-center ul1_li1">
                    <h2>加入 iPhone </h2>
                    <h2>年年焕新计划。</h2>
                    <a class="font_20" href="#">进一步了解 > </a>
                    <figure class="caijian1"></figure>
                    <ul class="iphone_2_ul3">
                        <li><span class="iconfont icon-anquanfuwu"></span>每年升级换购新 iPhone</li>
                        <li><span class="iconfont icon-anquanfuwu"></span>无需合约，可选择运营商</li>
                        <li><span class="iconfont icon-anquanfuwu"></span>全额支付或分期付款</li>
                        <li><span class="iconfont icon-anquanfuwu"></span>AppleCare+ 全方位服务计划为 iPhone 提供保护</li>
                        <li><a class="font_20" href="#">了解详情 > </a></li>
                    </ul>
                    
                </li>
                <li class="text-center ul1_li2" style="background:#fff">
                    <h2>以旧换新，</h2>
                    <h2>入手新 iPhone。</h2>
                    <p>以你符合条件的智能手机来换购新<br> iPhone，享受最高可达 RMB 2,235 的折抵<br>优惠。</p>
                    <a class="font_20" href="#">进一步了解 > </a>
                    <figure class="caijian2"></figure>
                </li>
            </ul>
        </div>
         <div class="container" style="padding:50px 15px;overflow:hidden">
            <div class="row">
                <div class="col-lg-6 text-center">
                    <img src="images/lingshou.png" alt="">
                    <h2>前往零售店</h2>
                    <p>到 Apple Store 零售店亲身体验各种 Apple 产品，我们还将为你解答所有问题。</p>
                    <a class="font_20" href="#"><small>进一步了解 > </small></a>
                </div>
                <div class="col-lg-6 text-center">
                    <img src="images/lingshou.png" alt="">
                    <h2>免费送货</h2>
                    <p>享受免费送货上门服务。</p>
                    <a class="font_20" href="#"><small>进一步了解 > </small></a>
                </div>
            </div>
        </div>
        <div class="container con_bg" style="overflow:hidden">
            <div class="row">
                <div class="col-lg-6 text-center" style="margin-top:25%">
                    <h3>如何购买iPhone</h3>
                    <a class="font_20" href="#"><small>进一步了解 > </small></a>
                </div>
                <div class="col-lg-6 text-center" style="margin-top:25%">
                    <h3>转移到iPhone</h3>
                    <a class="font_20" href="#"><small>进一步了解 > </small></a>
                </div>
            </div>
        </div>
        <div class="iphone2_3" style="overflow:hidden">
            <div class="container">
                <div class="row">
                    <div class="col-lg-2"></div>
                    <div class="col-lg-4 text-center">
                        <figure class="con_bg2"></figure>
                    </div>
                    <div class="col-lg-4 text-center con_flex">
                        <h2><span class="iconfont icon-pingguo large"></span>Pay</h2>
                        <p>
                            有了 Apple Pay，轻轻一触*，你就可以使用<br> iPhone 在全国数千家商店及众多 app 内安全、<br>简单地进行支付。
                        </p>
                         <a class="font_20" href="#"><small>进一步了解 > </small></a>
                    </div>
                    <div class="col-lg-2"></div>
                </div>
            </div>
        </div>
        <div class="iphone2_4" style="overflow:hidden">
            <div class="container" style="padding-top:7%;">
                <h3 class="color_white">iPhone 商务应用</h3>
                <a class="font_20" href="#"><small>了解 iPhone 商务应用 > </small></a><br>
                <a class="font_20" href="#"><small>商务选购 > </small></a>
            </div>
        </div>

        <div class="container iphone2_5" style="overflow:hidden">
            <ul>
                <li>1. 只有符合 Apple 指定条件的 iPhone 才可参与本计划。</li>
                <li>2. 欲参与该计划的顾客需符合相应的资格条件，还需持有由合作银行发行的中国银联信用卡。需支付利率。须遵守完整条款。</li>
                <li>*完成支付可能需要输入密码，详情请洽发卡银行。</li>
                <li>双镜头摄像头仅于 iPhone 7 Plus 提供。亮黑色外观仅于 128GB 及以上存储容量的机型提供。</li>
                <li>产品图像仅供参考，请以实际销售实物为准。</li>
            </ul>
        </div>
    </div><!-- iPhone   end -->

    <div class="bottom" style="overflow:hidden">
            <div class="container" style="padding:15px 15px;border-bottom:1px solid #888888">
                <div class="row">
                    <span class="iconfont icon-pingguo" style="color:#333"></span> <span style="color:#888888">></span> iPhone
                </div>
            </div>
            <div class="container" style="padding:20px 0">
                <ul class="bottom_ul1">
                    <li>
                        <p><b>选购及了解</b></p>
                        <ul class="ul_ul">
                            <li><a href="#">Mac</a></li>
                            <li><a href="#">iPad</a></li>
                            <li><a href="#">iPhone</a></li>
                            <li><a href="#">Watch</a></li>
                            <li><a href="#">Music</a></li>
                            <li><a href="#">iTunes</a></li>
                            <li><a href="#">iPod</a></li>
                            <li><a href="#">配件</a></li>
                            <li><a href="#">App Store充值卡</a></li>
                        </ul>    
                    </li>
                    <li>
                        <p><b>Apple Store 商店</b></p>
                        <ul class="ul_ul">
                           <li><a href="#">Mac</a></li>
                            <li><a href="#">iPad</a></li>
                            <li><a href="#">iPhone</a></li>
                            <li><a href="#">Watch</a></li>
                            <li><a href="#">Music</a></li>
                            <li><a href="#">iTunes</a></li>
                            <li><a href="#">iPod</a></li>
                            <li><a href="#">配件</a></li>
                            <li><a href="#">App Store充值卡</a></li>
                        </ul>    
                    </li>
                    <li>
                        <p><b>教育应用</b></p>
                        <ul class="ul_ul">
                            <li><a href="#">Mac</a></li>
                            <li><a href="#">iPad</a></li>
                            <li><a href="#">iPhone</a></li>
                            <li><a href="#">Watch</a></li>
                            <li><a href="#">Music</a></li>
                            <li><a href="#">iTunes</a></li>
                            <li><a href="#">iPod</a></li>
                            <li><a href="#">配件</a></li>
                            <li><a href="#">App Store充值卡</a></li>
                        </ul>    
                    </li>
                    <li>
                        <p><b>账户</b></p>
                        <ul class="ul_ul">
                            <li><a href="#">Mac</a></li>
                            <li><a href="#">iPad</a></li>
                            <li><a href="#">iPhone</a></li>
                            <li><a href="#">Watch</a></li>
                            <li><a href="#">Music</a></li>
                            <li><a href="#">iTunes</a></li>
                            <li><a href="#">iPod</a></li>
                            <li><a href="#">配件</a></li>
                            <li><a href="#">App Store充值卡</a></li>
                        </ul>    
                    </li>
                    <li>
                        <p><b>关于Apple</b></p>
                        <ul class="ul_ul">
                            <li><a href="#">Mac</a></li>
                            <li><a href="#">iPad</a></li>
                            <li><a href="#">iPhone</a></li>
                            <li><a href="#">Watch</a></li>
                            <li><a href="#">Music</a></li>
                            <li><a href="#">iTunes</a></li>
                            <li><a href="#">iPod</a></li>
                            <li><a href="#">配件</a></li>
                            <li><a href="#">App Store充值卡</a></li>
                        </ul>    
                    </li>
                </ul>
            </div>

            <div class="container" style="padding:10px 0;border-bottom:1px solid #888888;color:#888888">
            更多选购方式：前往 <a href="#">Apple Store 零售店</a>，致电 400-666-8800 或查找在你附近的<a href="#">授权经销商</a>
            </div>

            <div class="container">
                <div class="row" style="padding:5px 0;">
                    <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12" style="padding:0;color:#888888">
                    <b>Copyright © 2017 Apple Inc.</b> 保留所有权利。
                    </div>
                    <div class="col-lg-4 col-md-10 col-sm-10 col-xs-10">
                        <ul class="end_ul">
                            <li><a href="#">隐私政策</a></li>
                            <li><a href="#">使用条款</a></li>
                            <li><a href="#">销售政策</a></li>
                            <li><a href="#">法律信息</a></li>
                            <li style="border:0;"><a href="#">网站地图</a></li>
                        </ul>
                    </div>
                    <div class="col-lg-4 col-md-2 col-sm-2 col-xs-2 text-right">
                        <img src="images/china.png" alt="中国">
                        <a href="#">中国</a>
                    </div>
                </div>
                <div class="row" style="color:#888888">
                    京公安网安备 11010502008968 <a href="#" style="color:#888888">京ICP备10214630</a>
                </div>
            </div>

    </div>









</body>
</html>